.slide-down {
  transform: translateY(0%);
  pointer-events: auto;
}

.slide-up {
  transform: translateY(-100%);
  pointer-events: none;
}

/* Hindari transisi awal saat halaman dimuat */
#mega-menu.no-transition {
  transition: none !important;
}

#mega-menu {
  transition: transform 0.5s ease-in-out;
}
/* Custom scrollbar for mega menu */
/* Custom scrollbar for mega menu */
.custom-scroll::-webkit-scrollbar {
  display: none;
}

.custom-scroll {
  scrollbar-width: none;
}
#mega-backdrop {
  opacity: 0;
}
#mega-backdrop.opacity-100 {
  opacity: 1;
}
#mega-menu-content {
  opacity: 0;
  transition: opacity 0.3s ease-in-out 0.15s; /* delay 150ms */
}

#mega-menu.slide-down #mega-menu-content {
  opacity: 1;
}

#mega-menu.slide-up #mega-menu-content {
  opacity: 0;
  transition: none; /* hilangkan animasi saat menutup */
}

/* Style untuk link header yang sedang aktif */
/* Style untuk link header yang sedang aktif */
nav a.header-active {
  background-color: #f3f4f6; /* bg-gray-100 */
  color: #2E1F16 !important; /* Warna teks gelap */
  /* box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); */
}